<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/WEB-INF/facelets/template2.xhtml">

		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="PF('statusDialog').show()"
					onsuccess="PF('statusDialog').hide()" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Loading"
					draggable="false" closable="false">
					<p:graphicImage
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
				</p:dialog>
				<h:form id="frm">

					<p:panel id="panelBoton">
						<div align="left">
							<p:commandButton id="btnNew" value="Nueva Categoria"
								action="#{categoriasView.action_new()}"
								update=":dialogCategorias" />
						</div>
					</p:panel>

					<p:panel id="panelDataTableCategorias" header="Lista de Categorias">
						<p:growl id="men" />
						<p:dataTable value="#{categoriasView.data}" var="categorias"
							paginator="true" rows="5">

							<p:column filterBy="#{categorias.codigoCate}"
								sortBy="#{categorias.codigoCate}">
								<f:facet name="header">
									<h:outputText value="Codigo" />
								</f:facet>
								<h:outputText value="#{categorias.codigoCate}" />
							</p:column>

							<p:column filterBy="#{categorias.nombre}"
								sortBy="#{categorias.nombre}">
								<f:facet name="header">
									<h:outputText value="Nombre Categoria" />
								</f:facet>
								<h:outputText value="#{categorias.nombre}" />
							</p:column>

							<p:column filterBy="#{categorias.estadoRegistro}"
								sortBy="#{categorias.estadoRegistro}">
								<f:facet name="header">
									<h:outputText value="Estado" />
								</f:facet>
								<h:outputText value="#{categorias.estadoRegistro}" />
							</p:column>

							<p:column filterBy="#{categorias.usuCrea}"
								sortBy="#{categorias.usuCrea}">
								<f:facet name="header">
									<h:outputText value="Usuario Crea" />
								</f:facet>
								<h:outputText value="#{categorias.usuCrea}" />
							</p:column>

							<p:column filterBy="#{categorias.fechaCreacion}"
								sortBy="#{categorias.fechaCreacion}">
								<f:facet name="header">
									<h:outputText value="Fecha Creacion" />
								</f:facet>
								<h:outputText value="#{categorias.fechaCreacion}" />
							</p:column>

							<p:column filterBy="#{categorias.usuModifica}"
								sortBy="#{categorias.usuModifica}">
								<f:facet name="header">
									<h:outputText value="Usuario Modifica" />
								</f:facet>
								<h:outputText value="#{categorias.usuModifica}" />
							</p:column>

							<p:column filterBy="#{categorias.fechaModifcacion}"
								sortBy="#{categorias.fechaModifcacion}">
								<f:facet name="header">
									<h:outputText value="Fecha Modifcacion" />
								</f:facet>
								<h:outputText value="#{categorias.fechaModifcacion}" />
							</p:column>

							<p:column headerText="Options">
								<p:commandButton id="btnEdit" icon="ui-icon-pencil"
									update=":dialogCategorias"
									actionListener="#{categoriasView.action_edit}">
									<f:attribute name="selectedCategorias" value="#{categorias}" />
								</p:commandButton>
								<p:commandButton id="btnDelete" title="Delete"
									actionListener="#{categoriasView.action_delete_datatable}"
									onclick="if(!confirm('Realmente quieres eliminar este registro?')){return false;}"
									icon="ui-icon-trash" update="@form">
									<f:attribute name="selectedCategorias" value="#{categorias}" />
								</p:commandButton>
							</p:column>
						</p:dataTable>
					</p:panel>

				</h:form>
				<p:dialog id="dialogCategorias" appendTo="@(body)" draggable="true"
					closable="false" visible="#{categoriasView.showDialog}"
					resizable="false" modal="true" width="500" widgetVar="dlgCategoria">
					<h:form id="formDialog">
						<p:messages id="msg" />
						<p:panel id="panelCategorias" header="Categorias">
							<h:panelGrid columns="2" id="panelGrid">

								<h:outputText id="msgCodigoCate" value=" Codigo" />
								<p:inputText id="txtCodigoCate"
									binding="#{categoriasView.txtCodigoCate}">
									<p:ajax update=":dialogCategorias"
										listener="#{categoriasView.listener_txtId}" />
								</p:inputText>

								<h:outputText id="msgNombre" value=" Nombre Categoria" />
								<p:inputText id="txtNombre" disabled="true"
									binding="#{categoriasView.txtNombre}" />

								<h:outputText id="msgEstadoRegistro2" value=" Estado Registro" />
								<p:selectOneMenu id="estado"
									value="#{categoriasView.sEstadoReg}" style="width:155px">
									<f:selectItem itemLabel="Select One" itemValue="" />
									<f:selectItem itemLabel="ACTIVO" itemValue="A" />
									<f:selectItem itemLabel="NO ACTIVO" itemValue="N" />
								</p:selectOneMenu>

								<h:outputText id="msgEstadoRegistro" value=" Estado" />
								<p:inputText id="txtEstadoRegistro" disabled="true"
									binding="#{categoriasView.txtEstadoRegistro}" />

								<h:outputText id="msgUsuCrea" value=" Usuario Crea" />
								<p:inputText id="txtUsuCrea" disabled="true"
									binding="#{categoriasView.txtUsuCrea}" />

								<h:outputText id="msgFechaCreacion" value=" Fecha Creacion" />
								<p:calendar showOn="button" navigator="true" locale="en"
									binding="#{categoriasView.txtFechaCreacion}">
									<p:ajax event="dateSelect"
										listener="#{categoriasView.listener_txtFechaCreacion}" />
								</p:calendar>

								<h:outputText id="msgUsuModifica" value=" Usuario Modifica" />
								<p:inputText id="txtUsuModifica" disabled="true"
									binding="#{categoriasView.txtUsuModifica}" />

								<h:outputText id="msgFechaModifcacion"
									value=" Fecha Modifcacion" />
								<p:calendar showOn="button" navigator="true" locale="en"
									binding="#{categoriasView.txtFechaModifcacion}">
									<p:ajax event="dateSelect"
										listener="#{categoriasView.listener_txtFechaModifcacion}" />
								</p:calendar>
							</h:panelGrid>
						</p:panel>
						<p:panel id="panelBotones">
							<div align="center">
								<p:commandButton id="btnSave"
									binding="#{categoriasView.btnSave}" value="Save"
									action="#{categoriasView.action_save()}"
									update=":dialogCategorias :frm:panelDataTableCategorias" />
								<p:commandButton id="btnClear" value="Clear"
									action="#{categoriasView.action_clear()}"
									update=":dialogCategorias" />
								<p:commandButton id="btnExit" value="Exit"
									action="#{categoriasView.action_closeDialog()}"
									update=":dialogCategorias" />
							</div>
						</p:panel>
					</h:form>
				</p:dialog>
			</f:view>
		</ui:define>
	</ui:composition>
</h:body>
</html>
